@import "src/pages/lessUtils/CommonLess";

.serverHome {
  background-color: #1a1a1a;
  .server-banner {
    padding: 0;
    border: 0;
    width: 96%;
    margin: 0 2%;
    height: 400px;
    .bg-image('index/server/banner.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
  }
  .server-home-body {
    border: 0;
    width: 80%;
    margin: 0 10%;
    background: transparent;
    .server-menu, server-body {
      padding: 0;
      border: 0;
      float: left;
    }
    .server-menu {
      background-color: #999;
      width: 20%;
      .server-title {
        text-align: center;
        font-size: 25px;
      }
      ul {
        background-color: #999;
        text-align: center;
        border: 0;
        li {
          width: 100%;
          display: inline-block;
          a {
            color: #FFFFFF;
          }
        }
      }
    }
    .server-body {
      width: 79%;
      .c1 {
        div div {
          height: 250px;
          padding: 2px;
          display: inline-block;
        }
        .info {
          background-color: #91785b;
          color: #FFFFFF;
          width: 25%;
        }
        .ptc {
          width: 47%;
          .bg-image('index/server/banner.png');
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% 100%;
        }
        .serverList {
          background-color: #99a2aa;
          color: #FFFFFF;
          width: 25%;
          flex: 1;
          overflow-y: scroll;
          ul {
            background-color: transparent;
            border: none;
            li {
              background-color: transparent;
            }
          }
        }
      }
      .c2 {
        div div {
          height: 500px;
          padding: 10px;
          display: inline-block;
        }
        .nav-server {
          width: 25%;
        }
        .nav-map {
          width: 69%;
        }
      }
    }
  }

}
